
/* Base Style */
body {
    padding-top: 1em;
    padding-bottom: 8em;
    font-family: 'MicrosoftYaHei', 'Microsoft YaHei';
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
}

/* Common Style */
.logo {
    display: inline-block;
    width: 5em;
    height: 5em;
    background: url(../img/logo.png);
    background-size: 100% 100%;
}

.dl-horizontal-single dt {
    float: left;
    width: 18%;
    color: #AEAEAE;
}

.dl-horizontal-single dd {
    float: left;
    width: 70%;
    margin-left: .5em;
    font-size: 14px;
}

.dl-horizontal-multi dt {
    float: left;
    width: 32%;
    color: #AEAEAE;
}

.dl-horizontal-multi dd {
    float: left;
    width: 66%;
    margin-left: .1em;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.form-control {
    font-size: 12px;
}

.form-bordered .form-group:first-child {
    border: none;
}

.form-bordered .form-group {
    padding-top: 1em;
    border-top: 1px solid #eee;
}

.center {
    text-align: center;
}

.text-tips {
    color: #AEAEAE;
}

.btn-main {
    width: 15em;
    color: #fff;
    background-color: #0cbfec;
    border: none;
}

.btn-main[disabled] {
    color: #ccc;
    border: 1px solid #ccc;
}

/* Wrapper and Blank */
.wrap-form {
    /*padding: 0 .2em;*/
}

.blank3 {
    height: 3em;
}

/* Register */
.sm-label {
    padding-top: .5em;
    padding-right: 0;
    font-size: 14px;
    color: #797979;
}

.btn-code {
    font-size: 12px;
    color: #fff;
    background-color: #77be56;
    border: none;
}

/* Publish */
.ul-tag {
    padding-left: 0;
    list-style: none;
}

.ul-tag:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.ul-tag > li {
    float: left;
    padding: 2px 4px;
    margin: 2px;
    font-size: 14px;
    color: #666;
    border: 1px solid #ccc;
    border-radius: 8px;
}

.ul-tag > li.active {
    color: #0cbfec;
    border: 1px solid #0cbfec;
}

.ul-mission {
    padding-left: 0;
    list-style: none;
}

.ul-mission > li {
    padding-bottom: 1em;
    border-top: 1px solid #eee;
}

.ul-mission > li:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.ul-mission > li > h4 > img {
    margin-right: .5em;
}

.text-name {
    color: #0092C5;
}

/* Footer */
#navFooter ul.navbar-nav {
    width: 100%;
}

#navFooter ul.navbar-nav > li {
    width: 21%;
    text-align: center;
}

#navFooter ul.navbar-nav > li > a {
    padding: .5em 1em;
    text-align: center;
}

#navFooter ul.navbar-nav > li p {
    margin-bottom: .1em;
    font-size: 14px;
}

#navFooter ul.navbar-nav > li:first-child {
    width: 15%;
}

.icon-getmission {
    display: inline-block;
    width: 3em;
    height: 3.4em;
    background: url(../img/icon_getmission.png) no-repeat;
    background-size: 100% 100%;
}

.icon-resume {
    display: inline-block;
    width: 3em;
    height: 3.4em;
    background: url(../img/icon_resume.png) no-repeat;
    background-size: 100% 100%;
}

.icon-msg {
    display: inline-block;
    width: 3.8em;
    height: 3.4em;
    background: url(../img/icon_msg.png) no-repeat;
    background-size: 100% 100%;
}

.icon-profile {
    display: inline-block;
    width: 5em;
    height: 3.4em;
    background: url(../img/icon_profile.png) no-repeat;
    background-size: 100% 100%;
}

.icon-arrow-left {
    display: inline-block;
    width: 4em;
    height: 3.6em;
    margin-top: .7em;
    background: url(../img/icon_arrow_left.png) no-repeat;
    background-size: 100% 100%;
    border-right: 2px solid #ddd;
}

nav.menu-getmission .menu-getmission,
nav.menu-resume .menu-resume,
nav.menu-msg .menu-msg,
nav.menu-profile .menu-profile {
    background-color: #ccc;
}